Skip to content

Fix Imagine Monaco editor interactions inside Console wrapper#2488

Merged
TorstenDittmann merged 3 commits into
feat-profilesfrom
fix-code-editor-issues
Nov 17, 2025
Merged

Fix Imagine Monaco editor interactions inside Console wrapper#2488
TorstenDittmann merged 3 commits into
feat-profilesfrom
fix-code-editor-issues

Conversation

@ebenezerdon
Copy link
Copy Markdown

@ebenezerdon ebenezerdon commented Oct 20, 2025

Fixes IMA-265

What does this PR do?

Problem: when the Imagine web component runs inside Console’s shadow DOM, Monaco’s styles never reach the editor iframe, so scroll, selection, and keyboard shortcuts all break.

Fix: clone the Monaco-generated /<style> tags into the wrapper’s shadow root and watch for new ones to ensure the editor inherits the same CSS the loader injects into document.head.

With Monaco’s stylesheet cascade applied inside the shadow tree, the hidden textarea and scroll containers regain their intended layout. Also restores pointer events and keyboard handling

@railway-app
Copy link
Copy Markdown

railway-app Bot commented Oct 20, 2025

🚅 Deployed to the console-pr-2488 environment in Imagine

Service Status Web Updated (UTC)
console-container ◻️ Removed (View Logs) Web Nov 16, 2025 at 6:57 am

@appwrite
Copy link
Copy Markdown

appwrite Bot commented Oct 20, 2025

Console (appwrite/console)

Project ID: 688b7bf400350cbd60e9

Sites (2)
Site Status Logs Preview QR
 console-stage
688b7cf6003b1842c9dc
Ready Ready View Logs Preview URL QR Code
 console-cloud
688b7c18002b9b871a8f
Failed Failed View Logs Preview URL QR Code

Tip

Environment variables can be scoped per function or shared across your project

@railway-app railway-app Bot temporarily deployed to console-container (Imagine / console-pr-2488) October 20, 2025 21:50 Destroyed
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Oct 20, 2025

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix-code-editor-issues

Tip

📝 Customizable high-level summaries are now available in beta!

You can now customize how CodeRabbit generates the high-level summary in your pull requests — including its content, structure, tone, and formatting.

  • Provide your own instructions using the high_level_summary_instructions setting.
  • Format the summary however you like (bullet lists, tables, multi-section layouts, contributor stats, etc.).
  • Use high_level_summary_in_walkthrough to move the summary from the description to the walkthrough section.

Example instruction:

"Divide the high-level summary into five sections:

  1. 📝 Description — Summarize the main change in 50–60 words, explaining why this PR is needed, why this solution was chosen, and what was done.
  2. 📓 References — List relevant issues, discussions, documentation, or related PRs.
  3. 📦 Dependencies & Requirements — Mention any new/updated dependencies, environment variable changes, or configuration updates.
  4. 📊 Contributor Summary — Include a Markdown table showing contributions:
    | Contributor | Lines Added | Lines Removed | Files Changed |
  5. ✔️ Additional Notes — Add any extra reviewer context.
    Keep each section concise (under 200 words) and use bullet or numbered lists for clarity."

Note: This feature is currently in beta for Pro-tier users, and pricing will be announced later.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

- Align dockerize-profiles workflow indentation and step blocks -
Restore trailing newline in monaco-style-manager.ts
@TorstenDittmann TorstenDittmann merged commit 029007d into feat-profiles Nov 17, 2025
3 of 5 checks passed
@TorstenDittmann TorstenDittmann deleted the fix-code-editor-issues branch November 17, 2025 18:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants